require(['config'], function() {
    require(['jquery','template','loadHF','jquery.cookie'],function($,template,hf){
    
    // /*查询推荐商品数据，并渲染*/
    // $.getJSON('http://www.xiongmaoyouxuan.com/api/tab/5', resData =>{
        
    // //     console.log('获取到数据：', resData)
    // //     //获取返回数据中表示商品的数组
    //     const _products = resData.data.item.list
        
    // //     console.log('商品：',products)
    // //     //根据商品的数组来渲染模板
    //     const html = template('hot-template', {products: _products})
        
    // //     console.log('渲染后：',html)
    // //     //添加到 DOM 树里面
    //     $('.hot').append(html)
    //     })

    $.ajax({
        url:'http://rap2api.taobao.org/app/mock/288290/api/hot',
        method:'GET',
        data:{ start:0},
        dataType:'json',
        success:resData => {
            console.log('请求成功:',resData)
            const _products =resData.list
            const html = template('hot-template', {products: _products})
            $('.hot').append(html)
            // $('.hot').html(html)
        }
    })

    // $.getJSON('../mock/hot.json', resData => {
    //     const _products = resData.data.list
    //     const html = template('hot-template', {products: _products})
    //     $('.hot').append(html)
    //     })

    /*添加购物，为按钮添加点击事件 ,利用事件委派*/
$('.hot').on('click','.add-to-cart',e => {
    //获取当前按钮所在的li的节点
    const $li = $(e.target).parents('.hot-item')
    //在li节点中查找后带节点，构建商品对象
    //构建当前选中商品的对象
    
    const curr = {
        id:$li.data('id'),
        title:$li.children('.title').html(),
        price:$li.find('.price1').text(),
        image:$li.find('.image').attr('src'),
        amount:1
    }
    console.log(curr);
    //配置，保存或读取cookie时，自动实现JSON转换
    $.cookie.json = true  
    //从cookie中读取已有保存的购物车数据
    const cart = $.cookie('cart') || []
    //判断购物车数组中石沟村在当前选收购的商品，如果存在，就修改数量，不存在就添加到数组中
    const index = cart.findIndex(prod => {return prod.id === curr.id})
    if(index !== -1){       //存在当前选中的商品
        cart[index].amount += 1     
    }else{      //不存在当前选中的商品
    //将当前选购商品保存到cart数组中
    cart.push(curr)
    }
    //保存到cookie中
    $.cookie('cart',cart,{expires:60})

    
        })
    })  
})

